<script setup lang="ts">
import Dialog from '@/components/Dialog/index.vue'
import { ref } from 'vue'

const dialogRef = ref()
const buttons = [
  {
    text: '退出',
    type: 'default',
    onClick: () => {
      // 自定义点击事件
      uni.navigateBack()
    },
  },
  {
    text: '继续检查',
    type: 'primary',
  },
]

// 打开弹框
function openDialog() {
  dialogRef.value.open()
}

defineExpose({
  openDialog,
})
</script>

<template>
  <Dialog ref="dialogRef" title="提示" :buttons="buttons">
    <template #content-title>
      单词未检查完，确定退出吗？
    </template>
    <template #content-sub-title>
      退出将重新检查，不如再坚持下
    </template>
  </Dialog>
</template>
